<template>
    <div id="nav">
      <div class="content">
      <navigation></navigation>
      <router-link to="/home">首页</router-link>
      <router-link to="/subject">专题</router-link>
      <router-link to="/allCase">案例</router-link>
      <router-link to="/interact">互动H5</router-link>
      <router-link to="/poster">海报</router-link>
      <router-link to="/search">搜索页</router-link>
      <router-link to="/details">专题详情页</router-link>
      <router-link to="/longPic">长图</router-link>
      <router-link to="/cooperation">合作</router-link>
      <router-link to="/about">关于</router-link>
       <router-view />
    <codes></codes>
    <foot></foot>
    </div>
    </div>
</template>

<script>
import navigation from "@/components/nav"
import foot from '@/components/foot'
import codes from "@/components/code"
export default {
  components:{
    navigation,
    foot,
    codes
  },
  data(){
    return{}
  }
}
</script>
<style lang="less">
body {
  margin: 0;
  font-family: "微软雅黑";
  overflow-x: hidden;
  overflow-y: scroll;
  .padding-top {
    padding-top: calc(45px);
  }
  .container {
  background: #fff;
  .content {
   width: 1200px;
    margin: 5px auto;
  }
}
}
</style>
